/* ######### CSS for PHP Photo Album itself ######### */

 /*.photodiv{ /*CSS for DIV containing each image - this css is moved to specific page
float: right;
margin-left: 5px;
margin-bottom: 10px;
display:block;
}*/


.albumnavlinks{/*CSS for DIV containing the navigational links*/
    width:100%;
    height: 23px;
	margin: 0px;
    font-size:small;
}

.albumnavlinks a{ /*CSS for each navigational link*/
float:right;
margin-right: 5px;
padding: 1px 5px;
border-right: 1px solid #C2C2C2;
color: #C2C2C2;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
font:bold;
color:black;
}

.photoalbum{
    height:100%;
    margin: 0 auto;
	/*padding-right:4%;
	width: 90%;*/
}

.albumnextarrow{
    position:absolute;
    right:-5%;
    top:50%;
}

.albumprevarrow{
    position:absolute;
    top:50%;
	left: 10%;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#lightboxbackground{ /*The transparent background of lightbox*/
position:absolute;
left: 0;
top: 0;
width: 100%;
padding: 8px;
padding-bottom: 0;
background: black;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
filter:alpha(opacity=80);
    /* CSS3 standard */
opacity:0.8;
}

#thumbBoxContainer{ /*Outermost DIV for thumbnail viewer*/
    position:absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
    padding: 8px;
    padding-bottom: 0;
    visibility: hidden;
    cursor: hand;
    cursor: pointer;
}
#thumbBox{ /*DIV containing img and caption*/
	
position:absolute;
text-align: center;
left: 0;
top: 0;
/*width: 600px;*/
padding: 0px;
padding-bottom: 0;
visibility: hidden;
z-index: 11;
cursor: hand;
cursor: pointer;
vertical-align:middle;
background-color: black;
/*background-color:#ffffff;
  border:1px solid black;*/
  /* for IE */
 /* filter:alpha(opacity=60);*/
 /* CSS3 standard */
  /*opacity:0.6;*/
/*box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
/*-webkit-box-shadow: 5px 5px #818181;
/*-moz-box-shadow: 5px 5px #818181;
/*-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #C2C2C2;
text-align: right;

position:absolute;
left:950px;
top:0px;
}

.thumbBoxText{
font: 14px Tahoma;
/*letter-spacing: 5px;*/
/*line-height: 1.1em;*/
color: #C2C2C2;
/*padding: 5px 0;*/
padding-top:0px;
text-align: left;
/*border-bottom: 1px solid #C2C2C2;*/
position:absolute;
/*width:600px;*/

}
.thumbBoxText a{
	color: #C2C2C2;
}
.thumbBoxText a:HOVER {
	color: blue;
}
.thumbBoxText a:FOCUS {
	color: red;
}

#thumbDescription {  /*p of the DIV within thumbbox that holds the image description*/
	background:url('../images/Theme/bg.png');
	background-repeat:repeat-x;
	z-index: -1;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
margin: 5px;
z-index:10;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 10px;
font: bold 14px Arial;
z-index: 5;
}

#nextDiv
{
    position:absolute;
    right:0px;
    top:250px;
}

#prevDiv
{
    position:absolute;
    top:250px;
}
#phpphotoalbum1{
	margin: 0 auto;
}
